body{
	background-image:url('bg.jpg');
	padding:0px;
	margin:0px;
}
.siconh{
	color:white;
	background-color:#295599;
	border-radius:30px;
	height:30px;
	width:30px;
	text-align:center;
	border:none;
	line-height:30px;
	transition:1.4s;
}
.siconh:hover{
	color:color;
	background-color:red;
	border-radius:30px;
	height:30px;
	width:30px;
	text-align:center;
	border:none;
	line-height:30px;
transition:1.4s;
transform:rotatey(360deg);	
}

/*.navheight{
	height:70px;
}
*/
.carouselbottom{
	
	position:relative;
	bottom:18px;
	
	
}
.imgg{
	
	position:relative;
	bottom:12px;
	
}

.panelhvr{
	
	transition:1.2s;
	
}

.panelhvr:hover{
	
	transition:.2s;
	transform:scale(1.1);
}

.adecoration{
	font-weight:bolder;
	transition:2s;
}
.adecoration:hover{
	text-decoration:none;
	transition:.5s;
	transform:scale(1.1);
}
.navbar-default{
	
	background-color:#337AB7;
	border:none;
}

.ql{
	
	color:#888888;
	transition:1s;
	font-size:14px;
}

.ql:hover{
	color:red;
	transition:1s;
	transform:rotatey(360deg);
}

.dropdown-menu{
	
	background-color:#1D6A8E;
	border-radius:10px;
	
}
.dropdown-menu>li>a{
color:#6ADCF5;
width:20%;
transition:.1s;
}	

.divider{
	
	border:0.5px solid #16516D;
	width:98%;
}

.dropdown-menu>li>a:hover{
	
	color:white ;
	background: linear-gradient(#6EDFFA,#38A4D8,#1B6589,#103D52,#09202B);
	width:100%;
	transition:.6s;
	
}

.navbar{
	background-color:#337AB7;
}


.dropdown-menu{
	background-color:black;
	opacity:0.9;
}

.dropdown-menu>ol>li>a{
	opacity:1;
}

.softbg{
	
	padding:20px; 
	background:url('webbg.jpg');
	background-size:cover;
	
}
.software{
	z-index:2;
	text-align:center;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:100%;
	margin-top:10px;
	margin-left:30px;
	margin-bottom:20px;
	font-size:4em;
}
.software .p{
color:white;	
font-family:calibri;
font-size:20px;
text-shadow:none;
text-align:justify;


}	
/*============COURSE SECTION BEGIN=========================*/
.olevel{
	
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
	transition:1.9s;
}
.adca{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
}

.ccc{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
}
.dam{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);;
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
	
}
.dca{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
	}

.tally{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
	
}

.cl{
	transition:1.9s;
	z-index:2;
	text-align:left;
	padding:10px;
	padding-left:30px;
	background-color:rgba(12,73,242,0.4);
	border-radius:10px;
	color:white;
	text-shadow:2px 2px 3px black;
	width:50%;
	margin-top:10px;
	margin-left:100px;
	font-family:calibri;
	font-size:25px;
}

/* ====================COurses Hover Section============================= */
.olevel:hover{
	transition:0.5s;
	transform:scale(1.1);
	background-color:red;
	color:white;
}

.dam:hover{
	transition:0.5s;
	transform:rotate(180deg);
	background-color:red;
	color:white;
}


.adca:hover{
	transition:0.5s;
	transform:rotate(180deg);
	background-color:red;
	color:white;
}

.ccc:hover{
	transition:0.5s;
	transform:rotate(180deg);
	background-color:red;
	color:white;
}

.cl:hover{
	transition:0.5s;
	transform:scale(2.0);
	background-color:red;
	color:white;
}

.dca:hover{
	transition:0.5s;
	transform:rotate(180deg);
	background-color:red;
	color:white;
}

.tally:hover{
	transition:0.5s;
	transform:rotate(180deg);
	background-color:red;
	color:white;
}

/* ====================EndCOurses Hover Section========================== */


/*========= Animation Section==============*/
@keyframes zero {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.zero {
  animation-name: zero;
  animation-delay:.2s;
}

@keyframes first {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.first{
  animation-name: first;
  animation-delay:.4s;
}

@keyframes second {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.second {
  animation-name: second;
  animation-delay:.8s;
}
@keyframes third {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.third{
  animation-name:third;
  animation-delay:1s;
}


@keyframes fourth {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.fourth{
  animation-name:fourth;
  animation-delay:1.3s;
}


@keyframes fifth {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.fifth{
  animation-name:fifth;
  animation-delay:1.5s;
}


@keyframes sixth {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.sixth{
  animation-name:sixth;
  animation-delay:1.7s;
}

@keyframes seventh {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.seventh{
  animation-name:seventh;
  animation-delay:1.9s;
}


@keyframes eight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.eight{
  animation-name:eight;
  animation-delay:2.1s;
}

.nine{
  animation-name:eight;
  animation-delay:2.2s;
}

.ten{
  animation-name:eight;
  animation-delay:2.2s;
}